<template>
  <h1>B</h1>
  {{ flag }}
</template>
<script setup lang="ts">
import { Ref, ref } from 'vue'
import Bus from './Bus'
// 定义 Props 类型
// interface Props {
//   flag: boolean
// }
// 泛型调用 defineProps 方法，定义在 Props 类中的属性接受到父组件传值
// defineProps<Props>()

const flag = ref<boolean>(true)
Bus.on('on-click', (val: Ref<boolean>) => {
  flag.value = val.value
})
</script>
<style scoped></style>
